<template>
  <div class="app-container">
    <div class="clearfix default-progress">
      <div class="default-step default-stepfirst" :class="[activeIndex>0?'default-stepactive':'']">
        <div class="default-stepcircle"></div>
        <div class="default-stepline"></div>
        <div class="default-stepwords">整件上传</div>
      </div>
      <div class="default-step" :class="[activeIndex>1?'default-stepactive':'']">
        <div class="default-stepcircle"></div>
        <div class="default-stepline"></div>
        <div class="default-stepwords">活体检测</div>
      </div>
      <div class="default-step default-steplast" :class="[activeIndex>2?'default-stepactive':'']">
        <div class="default-stepcircle"></div>
        <div class="default-stepline"></div>
        <div class="default-stepwords">认证完成</div>
      </div>
    </div>
    <div class="legal-content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'index',
    data() {
      return {
        activeIndex: 1
      }
    }
  }
</script>

<style scoped>

</style>
